<!doctype html>
<html lang="en">
 <head>
	<meta charset="UTF-8">
	<title>new-page</title>
	<link rel="stylesheet" href="../css/index.css" />
	<link rel="stylesheet" href="../css/alarm-page.css" />
	<link rel="stylesheet" href="../css/easyui.css">
	<link rel="stylesheet" href="../css/icon.css">
	<link rel="stylesheet" href="../css/demo.css">
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
 </head>
 <body>
	<!-- <div class="alarm-right-div">
		<ul>
			<a href="../3.1-Equipment-Status/Equipment-Status.html">
				<li class="change-color">
					<span><img src="../img/dh-icon-01.png" alt="" /></span>Summary
				</li>
			</a>
			<a href="../3.7-Configuration-Management/Configuration-Management.html">
				<li class="change-color">
					<span><img src="../img/dh-icon-02.png" alt="" /></span>EC
				</li>
			</a>
			<a href="../3.8-Alarm-Log/Alarm-Log.html">
				<li class="change-color">
					<span><img src="../img/dh-icon-03.png" alt="" /></span>Alarm
				</li>
			</a>
			<a href="../3.2-Realtime-Data/Realtime-Data.html">
				<li class="change-color">
					<span><img src="../img/dh-icon-04.png" alt="" /></span>Data
				</li>
			</a>
			<a href="../3.3-Lot-Log/Lot-Log.html">
				<li class="change-color">
					<span><img src="../img/dh-icon-05.png" alt="" /></span>LotLog
				</li>
			</a>
			<a href="../3.9-Equipment-Log/Equipment-Log.html">
				<li class="selectedNav change-color">
					<span><img src="../img/dh-icon-06.png" alt="" /></span>OperationLog
				</li>
			</a>
			<a href="../3.5-Recipe-Management/recipe-file-manager.html">
				<li class="change-color">
					<span><img src="../img/dh-icon-07.png" alt="" /></span>formula
				</li>
			</a>
			<div class="clearfix"></div>
		</ul>
		
		<div class="alarm-page-search">
			<input type="text" placeholder="请输入相关信息" class=""/>
			<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" style="width:80px;margin:0 10px 0 100px;">查询</a>
			<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-print'" style="width:80px">导出</a>
			<div class="clearfix"></div>
		</div>
	</div> -->
	<div class="new-page">
		<div class="new-page-left">
			<div class="new-left">
				<p style="padding:8px 8px 0 0;"><img src="../img/icon-new-page.png" alt=""></p>
				<p>LED&<br>Fan Ctrl</p>
				<div class="clearfix"></div>
			</div>
			<div class="new-left-bottom">
				<ul>
					<li><span style="border-color:#efff00;">Present:</span></li>
					<li><span style="border-color:#a9ff4b;">Procossing:</span></li>
					<li><span style="border-color:#06ffcf;">Processed:</span></li>
					<li><span style="border-color:#e00000;">Fall:</span></li>
				</ul>
			</div>
		</div>
		<div class="new-page-right">
			<table>
				<thead>
					<tr>
						<th></th>
						<th></th>
						<th></th>
						<th></th>
						<th></th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td></td>
						<td></td>
						<td>CWB2</td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td></td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">CPC8</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">HTB7</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">HHTB6</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">HHTB10</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">PSI2_2</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">CPC6</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">HTB6</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">HTB10</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">HHTB9</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">PSI2_1</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">CPC6</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">CPC10</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">HTB9</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">HHTB8</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">PSI21_2</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">PSI4_2</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">CPC9</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">HTB8</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">HHTB7</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">PSI4_1</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">SCB4</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">SCB5</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">SCB6</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">SCB4</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="clearfix"></div>
	</div>
	<!-- 中间s -->
	<div class="new-page-content">
		<div class="page-content-left">
			<ul>
				<li><img src="../img/icon-center-01.png" alt=""></li>
				<li><img src="../img/icon-center-01.png" alt=""></li>
				<li><img src="../img/icon-center-01.png" alt=""></li>
				<li><img src="../img/icon-center-01.png" alt=""></li>
			</ul>
			<p><img src="../img/icon-center-03.png" alt=""></p>
			<div class="clearfix"></div>
		</div>
		<div class="page-content-double">
			<p class="double-p1"><img src="../img/icon-center-03.png" alt=""></p>
			<p><img src="../img/icon-center-04.jpg" alt=""></p>
		</div>
		<div class="page-content-right">
			<ul>
				<li><img src="../img/icon-center-04.jpg" alt=""></li>
				<li><img src="../img/icon-center-04.jpg" alt=""></li>
				<li><img src="../img/icon-center-04.jpg" alt=""></li>
				<li><img src="../img/icon-center-04.jpg" alt=""></li>
				<div class="clearfix"></div>
			</ul>
			<p><img src="../img/icon-center-03.png" alt=""></p>
			<ul>
				<div class="ul-icon-div"><img src="../img/icon-center-05.jpg" alt=""></div>
				<div class="ul-icon-div"><img src="../img/icon-center-05.jpg" alt=""></div>
				<div class="ul-icon-div"><img src="../img/icon-center-05.jpg" alt=""></div>
				<li><img src="../img/icon-center-04.jpg" alt=""></li>
				<li><img src="../img/icon-center-04.jpg" alt=""></li>
				<li><img src="../img/icon-center-04.jpg" alt=""></li>
				<li><img src="../img/icon-center-04.jpg" alt=""></li>
				<div class="clearfix"></div>
			</ul>
			<p><img src="../img/icon-center-03.png" alt=""></p>
			<ul>
				<li><img src="../img/icon-center-02.jpg" alt=""></li>
				<li><img src="../img/icon-center-02.jpg" alt=""></li>
				<li><img src="../img/icon-center-02.jpg" alt=""></li>
				<li><img src="../img/icon-center-02.jpg" alt=""></li>
				<div class="clearfix"></div>
			</ul>
		</div>
		<div class="clearfix"></div>
	</div>
	<div class="new-page">
		<div class="new-page-left">
			<div class="new-left">
				<p style="padding:8px 8px 0 0;"><img src="../img/icon-new-page.png" alt=""></p>
				<p>LED&<br>Fan Ctrl</p>
				<div class="clearfix"></div>
			</div>
			<div class="new-left">
				<p style="padding:8px 8px 0 0;"><img src="../img/icon-new-page.png" alt=""></p>
				<p>LED&<br>Fan Ctrl</p>
				<div class="clearfix"></div>
			</div>
		</div>
		<div class="new-page-right">
			<table>
				<thead>
					<tr>
						<th></th>
						<th></th>
						<th></th>
						<th></th>
						<th></th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">CPC8</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td></td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">HTB7</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">HHTB6</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">HHTB10</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">PSI2_2</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">CPC6</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">HTB6</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">HTB10</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">HHTB9</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">PSI2_1</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">CPC6</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">CPC10</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">HTB9</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">HHTB8</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">PSI21_2</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">PSI4_2</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">CPC9</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">HTB8</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">HHTB7</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">PSI4_1</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">SCB4</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">SCB5</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">SCB6</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">SCB4</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">CPC6</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>
							<div class="page-td-div">
								<p style="width:58%;">CPC1</p>
								<p class="div-p2">·</p>
								<p class="div-p3">·</p>
								<div class="clearfix"></div>
							</div>
						</td>
						<td>CWB1</td>
						<td></td>
						<td></td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="clearfix"></div>
	</div>
	<script type="text/javascript">
		$(".change-color").on("click",function(){
			$(".change-color").removeClass("selectedNav");
			$(this).addClass("selectedNav");
		})
	</script>
 </body>
</html>
